<%--
  Created by IntelliJ IDEA.
  User: WangWeiwei
  Date: 16-10-15
  Time: 上午10:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="stylesheet" href="${basePath}/resources/css/bootstrap-addtabs.css" type="text/css" media="screen"/>
<script src="${basePath}/resources/js/bootstrap-addtabs.js"></script>

<script type="text/javascript">
    //菜单栏点击js
    $(function () {
        $('#tabs').addtabs({monitor: '.sidebar'});
    });
</script>

<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >农业商店管理系统</a></div>
<div class="col-sm-3 col-md-2 sidebar">
    <div class="top-navigation">
        <div  class="t-menu">菜单</div>
        <div class="t-img">
            <img src="${basePath}/resources/images/lines.png" alt="" />
        </div>
        <div class="clearfix"> </div>
    </div>
    <div style="margin-top: 50px;" class="drop-navigation drop-navigation">
        <ul class="nav nav-sidebar">
            <li class="active">
                <a href="${basePath}/manager" class="home-icon">
                    <span class="glyphicon glyphicon-home" aria-hidden="true"/>
                    管理主页
                </a>
            </li>
            <li>
                <a href="shows.html" class="user-icon">
                    <span class="glyphicon glyphicon-home glyphicon-blackboard" aria-hidden="true"></span>
                    日常业务
                </a>
            </li>
            <li><a href="history.html" class="sub-icon">

                    活动管理
                </a>
            </li>
            <li>
                <a href="#" class="menu1">
                    <span class="glyphicon glyphicon-home glyphicon-hourglass" aria-hidden="true"></span>
                    客户管理
                    <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
                </a>
            </li>
            <ul class="cl-effect-2">
                <li></li>
            </ul>
            <li>
                <a href="#" class="menu1">
                    <span class="glyphicon glyphicon-film" aria-hidden="true"></span>
                    商品管理
                    <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
                </a>
            </li>
            <ul class="cl-effect-2">
                <li>
                    <a href="javascript:void(0);" data-addtab="goods-list" url="${basePath}/manager/goods/show_goods/1"
                       ajax="true">
                        <i class="glyphicon glyphicon-file"></i>商品列表
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);" data-addtab="goods-types" url="${basePath}/manager/goods/types"
                       ajax="true">
                        <i class="glyphicon glyphicon-file"></i>商品类别管理
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);"
                       data-addtab="goods-productors"
                       url="${basePath}/manager/goods/productors/list"
                       ajax="true">
                        <i class="glyphicon glyphicon-file"></i>生产厂商管理
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);"
                       data-addtab="goods-statistics"
                       url="${basePath}/manager/goods/statistics/list?name=zhang"
                       ajax="true">
                        <i class="glyphicon glyphicon-file"></i>报表统计
                    </a>
                </li>
                <li><a href="#">供应商管理</a></li>
            </ul>
            <!-- script-for-menu -->
            <script>
                $( "li a.menu1" ).click(function() {
                    $( "ul.cl-effect-2" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });
            </script>
            <li><a href="#" class="menu">
                <span class="glyphicon glyphicon-film glyphicon-king" aria-hidden="true"></span>生产资料管理
                <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
            </a></li>
            <ul class="cl-effect-1">
                <li>
                    <a href="javascript:void(0);"
                       data-addtab="crops"
                       url="${basePath}manager/behoof/crops/list"
                       ajax="true">
                        <i class="glyphicon glyphicon-file"></i>作物种类管理
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);"
                       data-addtab="goods-productors"
                       url="${basePath}/manager/behoof/list"
                       ajax="true">
                        <i class="glyphicon glyphicon-file"></i>植物症状管理
                    </a>
                </li>
                <li><a href="sports.html">Tennis</a></li>
                <li><a href="sports.html">Shattil</a></li>
            </ul>
            <!-- script-for-menu -->
            <script>
                $( "li a.menu" ).click(function() {
                    $( "ul.cl-effect-1" ).slideToggle( 300, function() {
                        // Animation complete.
                    });
                });
            </script>
            <li><a href="movies.html" class="song-icon"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>统计分析</a></li>
            <li><a href="news.html" class="news-icon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>站点资源管理</a></li>
        </ul>
        <!-- script-for-menu -->
        <script>
            $( ".top-navigation" ).click(function() {
                $( ".drop-navigation" ).slideToggle( 300, function() {
                    // Animation complete.
                });
            });
        </script>
        <div class="side-bottom">
            <%--<div class="side-bottom-icons">--%>
                <%--<ul class="nav2">--%>
                <%--<li><a href="#" class="facebook"> </a></li>--%>
                <%--<li><a href="#" class="facebook twitter"> </a></li>--%>
                <%--<li><a href="#" class="facebook chrome"> </a></li>--%>
                <%--<li><a href="#" class="facebook dribbble"> </a></li>--%>
                <%--</ul>--%>
                <%--</div>--%>
            <div class="copyright">
                <p>Copyright &copy; 2016 农业商店管理系统</p>
            </div>
        </div>
    </div>
</div>